@charset "utf-8";
/* wphy's custom less file */
 dl, dt, dd, ol, ul, li{
	border: 0;
	font-size: 14px;
	font-style: inherit;
	font-weight: inherit;
	outline: 0;
	padding: 0;
	margin: 0;
	vertical-align: baseline;
}

@media (max-width: 767px) {
.hidden-xs {
	display: none !important;
}
}

.side-pannel {
	position: fixed;
	width: 50px;
	bottom: 150px;
	right: 20px;
	z-index: 1000;
}
.side-bar > a:hover {
background: #ee551f;
}
.side-bar .dh:hover {
background: #ee551f;
}
.side-bar > a {
	width: 50px;
	height: 50px;
	position: relative;
	text-align: center;
	margin-bottom: 10px;
	display: block;
	cursor: pointer;
	float: left;
	border-radius: 50%;
	background: rgb(79, 87, 150);
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
	transition: all 0.3s ease-out;
}
.f_top {
	display: block !important;
	font-size: 24px !important;
	color: #fff !important;
	line-height: 50px !important;
}
.side-bar .dh {
	width: 50px;
	height: 50px;
	position: relative;
	text-align: center;
	margin-bottom: 10px;
	cursor: pointer;
	float: left;
	display: block;
	border-radius: 50%;
	background: rgb(79, 87, 150);
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
	transition: all 0.3s ease-out;
}
.side-bar .dh .hide {
	width: 166px;
	position: absolute;
	left: -166px;
	top: -35px;
}
.side-bar .dh .hied_con {
	width: 150px;
	background: #222;
	border-radius: 4px;
	color: #fff;
	padding: 5px 0 15px 0;
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
	transition: width 0.3s ease-in-out;
	display: none;
}
.side-bar .dh .hide dl {
	width: 110px;
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
	line-height: 22px;
	font-size: 12px;
	margin-top: 10px;
}
.side-bar .dh .hide dl dt a {
	color: #fff;
	font-weight: bold;
}
.side-bar .dh .hied_con:after {
	content: "";
	width: 10px;
	height: 10px;
	background: #222;
	position: absolute;
	right: 11px;
	top: 58px;
	transform: rotate(45deg);
}